<template>
    <div class="project-conten">
        <p>产品 <span>全部</span> <span @clicl="fun()">查看更多>></span></p>
        <product-reservation :movieList="navList" :width="210"></product-reservation>
    </div>
</template>

<script>
    import ProductReservation from '../../components/ProductReservation/index'
    export default {
        name: "ProjectConten",
        components:{
            ProductReservation
        },
        data () {
            return {
                navList: [

                    {
                        id:1,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:2,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:3,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:4,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:5,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:6,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:7,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:8,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:9,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:10,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:11,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:12,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:13,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:14,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },


                ],
            }
        },
        methods :{
            fun () {
                this.$router.push({path: '/hotproject'})
            }
        }
    }
</script>

<style scoped lang="less">
    @import "../../style/style";
    .project-conten{
        width: 856px;
        >p{
            color: #333333;
            font-size: 16px;
            padding-bottom: 20px;
            >:first-child{
                background-color:@theme-color-dark;
                border-radius: 4px;
                color: white;
                font-size: 14px;
                padding: 5px 11px;
            }
            >:last-child{
                color: @theme-color-dark;
                font-size: 14px;
                float: right;
            }
        }

    }
</style>